15 - Neue CSS Layout-Features [ID:6104]
50 von 411 angezeigt

Ja, schön guten Morgen. Hört man mich? Bin ich laut genug? Oder ist es zu laut? War

dir gestern noch ein bisschen länger? Ja, schön wieder hier zu sein. Hat mich sehr

gefreut für die Einladung. Ich erzähle heute etwas über neue CSS Design und Layout Features.

Und ja, ich versuche es auch so ein bisschen mehr auszuführen und zu erklären für die Leute,

die die Sachen nicht so gut sehen. Weil, na klar, es dreht sich hauptsächlich auch um Design

Features halt. Und deswegen versuche ich es so gut wie möglich auch zu erklären für diejenigen.

Okay, steigen wir direkt ein. Wie gesagt, wir müssen uns ein bisschen sputen, damit wir pünktlich

fertig werden. Wenn wir so das aktuelle Web der letzten Jahre betrachten, dann sind wir eigentlich

doch, wenn wir ehrlich sind, sehen wir doch relativ häufig die gleichen Layouts. Also ja,

klar hat es jetzt hier und da schon ein Re-Lounge gegeben und ein bisschen halt Veränderung, auch

was das Design betrifft. Aber im Grunde genommen haben wir bei fast allen auch größeren Seiten

halt ein relativ einheitliches Layout. Wir haben irgendwie eine Hauptspalte, eine Marginalspalte und

ja, mittlerweile gibt es sowas wie irgendwelche Header Images und so. Aber es gleicht sich doch

mehr und mehr. Also es ist wenig Varianz in Wirklichkeit, was das Layout betrifft zwischen

den ganzen Webdesigns. Das ist leider ein bisschen schade. Das ist so, würde man sagen,

halt ja okay, so ist irgendwie das Web und wir haben die Gegebenheiten so vorgefunden und müssen

irgendwie damit arbeiten. So sieht es aktuell ein bisschen aus. Wenn man das aber halt in einem

anderen Kontext auch betrachtet, wo Design auch herkommt, also auch aus dem Magazinlayout, klar,

da hatte man schon ganz andere Möglichkeiten früher und es waren ganz andere Layouts möglich,

halt man sieht es natürlich häufig, da wurden Texte ganz anders positioniert zu Bildern,

halt mit irgendwelchen Ausschnitten und die liefen so in Bilder rum und so weiter und so weiter.

Die Möglichkeiten, die wir halt im Printdesign haben, die hatten wir im Webdesign nicht. Und das

möchte ich ein bisschen erzählen. Also wir haben jetzt ein paar Möglichkeiten, die wir jetzt schon

oder auch in Zukunft dann bald nutzen können. Also solche Sachen, also so eingefärbte Hintergrundbilder,

ja, das kann man natürlich mit Photoshop wunderbar machen, dann exportiert man halt das Bild mit der

eingefärbten Farbe halt und wunderbar, dann ist man durch. Wenn wir jetzt aber ans dynamische,

flexible Web denken, ist es natürlich doof, wenn das Bild weiterhin so ist, wenn wir es vielleicht

auch irgendwie anders haben wollen oder wir wollen es irgendwie mit einer Transition verbinden,

einer Animation, dass die Farbe sich vielleicht ändert und so weiter und so weiter. So runde

Elemente, abgeschnitten Elemente, teilweise möglich mit Border Radius mittlerweile, teilweise noch

nicht ganz so, da fehlen uns noch ein paar Elemente. Also es gab natürlich eine große Welt an Design,

Grafikdesign vor dem Web, ja, das ist mittlerweile im Webdesign und da kann man sich auch sehr viele

Modezeitschriften, Modezeitschriften, Webseiten anschauen. Da denkt man halt, was machen die links

und was machen die rechts, also es sieht irgendwie halt gar nicht so schön aus, wie es hätte sein

können. Kennt ihr noch die Space Jam, den Film mit den 90ern? Die Webseite dazu ist sogar noch live,

kann man auch noch betrachten. Funktioniert übrigens noch, also zu dem Thema, was Tom gestern hatte,

also einmal frei, wunderbar, funktioniert heute auch noch auf den Geräten. Da war es so, wir hatten

halt so ein Design, was irgendwie um das Logo sich drehte, das war halt doch sehr individuell. Da

wurde man heute schon überlegen, wie kann ich das überhaupt umsetzen, muss ich das irgendwie

absolut positionieren oder weiß ich nicht. Wie hat man das früher gemacht? Natürlich mit Layout-Tabellen,

wir hatten ja nichts, aber es hat funktioniert, also das ist kein adäquates Mittel, aber es hat

funktioniert und man hat es eingesetzt, um halt ja bestimmtes Aussehen doch nachzuahmen. Kennt das

noch jemand? Layout-Gala, die 40 besten CSS-Tablets von drei Spalten, mal die Hauptspalte links,

mal in der Mitte, mal gewechselt und so weiter. Da hatten wir dann schon so ein bisschen CSS-Layout-

Techniken und da konnte man sich halt so ein Basis-Set nehmen und es hat auch gut funktioniert.

Ja gut, zugegeben, das geht jetzt schon in die Richtung, wir haben doch eigentlich irgendwie

immer das gleiche Design halt, aber das, ja, so haben wir halt angefangen und heutzutage hat jeder

irgendwie eine sehr individuelle Webseite, die ungefähr so aufgebaut ist, also wir haben einen

riesen Hero-Image, wie es heutzutage heißt, wir haben auf jeden Fall immer drei Spalten

da drunter mit irgendwelchen Teaser-Elementen und ja auch nicht sehr viel Abwechslung.

Teil einer Videoserie :

Presenters

Sven Wolfermann Sven Wolfermann

Zugänglich über

Offener Zugang

Dauer

00:46:39 Min

Aufnahmedatum

2016-03-09

Hochgeladen am

2016-03-09 11:31:16

Sprache

de-DE

Tags

webkongress
Einbetten
Wordpress FAU Plugin
iFrame
Teilen
Herunterladen
Video
Cc